<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page language="java" import="java.util.*" %>
<%@  page import   =   "java.text.*"   %>
<%@  page import   =   "java.sql.*"   %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />

<link href="<%= request.getContextPath()%>/css/montview.css" rel="stylesheet" type="text/css"/>
<LINK href="<%=request.getContextPath()%>/css/oa.css" rel=stylesheet />
<LINK href="<%=request.getContextPath()%>/css/common.css" rel=stylesheet />
<link href="<%= request.getContextPath()%>/css/calender.css" rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/js/calendar.js" language="javascript"></script>
<script src="<%=request.getContextPath()%>/js/check_char.js" language="javascript"></script>
<script src="<%=request.getContextPath()%>/js/ajax.js" language="javascript"></script>
<script src="<%=request.getContextPath()%>/js/mootools-1.2.1-core-yc.js" language="javascript"></script>
<script language="javascript" src="<%= request.getContextPath()%>/js/calender.js" type=""></script>
<script type="text/javascript" src="<%= request.getContextPath()%>/js/jquery-1.6.min.js"></script>

<style>
body { margin:0; padding:0; background:#f1f1f1; font:70% Arial, Helvetica, sans-serif; color:#555; line-height:150%; text-align:left; }
a { text-decoration:none; color:#057fac; }
a:hover { text-decoration:none; color:#999; }
h1 { font-size:140%; margin:0 20px; line-height:80px; }
h2 { font-size:120%; }
#container { margin:0 auto; background:#fff; padding-bottom:20px; width:100%; hight:100%;}
#content { margin:0 20px;width:100%;hight:100%; }
p.sig { margin:0 auto; width:100%; padding:1em 0; }
form { margin:1em 0; padding:.2em 20px; background:#eee; }
</style>

</head>


<script type="text/javascript">
var tmrID1;
var tmrID2;
function changediv1(){
   var select_change=document.getElementById("select_change");
   if(select_change.style.display=="block"){
      select_change.style.display="none";
   }else if(select_change.style.display=="none"){
      select_change.style.display="block";
   }

}


function change_div1(a){
   var SelectChange=document.getElementById(a);
   if(SelectChange.checked!=true){
   }
   
}
var change=1;

function getChange(){
change=change+1;
if(change>4){
change=1;
}

var a=document.getElementById("content_"+change);

if(a.checked!=true){
getChange();  
}
}

function change_div(){
   var div1=document.getElementById("content1");
   var div2=document.getElementById("content2");
   var div3=document.getElementById("content3");
   var div4=document.getElementById("content4");
   var SelectChange1=document.getElementById("content_1");
   var SelectChange2=document.getElementById("content_2");
   var SelectChange3=document.getElementById("content_3");
   var SelectChange4=document.getElementById("content_4");

   div1.style.display="none";
   div2.style.display="none";
   div3.style.display="none";
   div4.style.display="none";
   
   getChange();
   
   document.getElementById("content"+change).style.display="block";
   
   setTimer();
}


function doajax(){
  try{
   content1_1_ajax();
   content1_2_ajax();
   content2_1_ajax();
   content2_2_ajax();
   content3_ajax();
   content4_ajax();
   setTimer1();
  }catch(err){
   alert(err);
  }
}

function setTimer1(){
   clearTimeout(tmrID1); 
   tmrID1=setTimeout(doajax,4000);
}
function setTimer(){
   // doajax();
   clearTimeout(tmrID2); 
   tmrID2=setTimeout(change_div,10000);
}

function doReady(){
   setTimer();
   setTimer1();
}

function content1_1_ajax(){
var select_num_1=document.getElementById("select_num_1").value;
var url="<%=request.getContextPath()%>/SanAction.do?action=content1_1&select_num_1="+select_num_1;
var myAjax = new Ajax1(url,{method:'POST',onComplete:function(){
  var data = JSON.decode(this.req.responseText);
  if(data != null){
  var sum=data.length;
  var html_before_start='<table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">';
  var html_start=' <tr><th colspan=6  valign="middle">I/B</th><th colspan=3  valign="middle">O/B</th></tr><tr><td>流入数</td><td>接起数</td><td>排队数</td><td>呼损数</td><td>应答率</td><td>S/L</td><td>拨打数</td><td>拨打成功数</td><td>成功率</td></tr>'
  var html_end='</table>'
  var html_middle_1="";
  var html_middle="";
  for(i=0;i<data.length; i++){
	            var temp = data[i];
	            var content1_1_1=temp.content1_1_1;
			    var content1_1_2=temp.content1_1_2;
				var content1_1_3=temp.content1_1_3;
				var content1_1_4=temp.content1_1_4;
				var content1_1_5=temp.content1_1_5;
				var content1_1_6=temp.content1_1_6;
				var content1_1_7=temp.content1_1_7;
				var content1_1_8=temp.content1_1_8;
				var content1_1_9=temp.content1_1_9;
				html_middle_1='<tr>'+
				'<td>'+content1_1_1+'</td>'+
				'<td>'+content1_1_2+'</td>'+
				'<td>'+content1_1_3+'</td>'+
				'<td>'+content1_1_4+'</td>'+
				'<td>'+content1_1_5+'</td>'+
				'<td>'+content1_1_6+'</td>'+
				'<td>'+content1_1_7+'</td>'+
				'<td>'+content1_1_8+'</td>'+
				'<td>'+content1_1_9+'</td>'+
				'</tr>'
				 html_middle += html_middle_1;
				}
	 document.getElementById("content1_1").innerHTML= html_before_start+html_start+html_middle+html_end ; 
   }
}
})
}

function content1_2_ajax(){
var quanti=document.getElementById("quanti");
var url="";
if(quanti.checked==true){
url="<%=request.getContextPath()%>/SanAction.do?action=content1_2";
}else{
var zuzhi=document.getElementsByName("zuzhi");
var condition1="";
for(var a=0;a<zuzhi.length;a++){
  if(zuzhi[a].checked==true){
    condition1=condition1+zuzhi[a].value+",";
  }
}
url="<%=request.getContextPath()%>/SanAction.do?action=content1_2&condition1="+condition1;
}
var myAjax = new Ajax1(url,{method:'POST',onComplete:function(){
  var data = JSON.decode(this.req.responseText);
  if(data != null){
  var sum=data.length;
  var html_before_start='<table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX;text-align:center">';
  var html_start=' <tr><th>种类</th><th>签入人数</th><th>通话中</th><th>后处理</th><th>准备好</th><th>拨打</th><th>转接</th><th>会议</th><th>休息</th><th>运行率(100%)</th></tr>'
  var html_end='</table>'
  var html_middle_1="";
  var html_middle="";
  for(i=0;i<data.length; i++){
	            var temp = data[i];
	            var content1_2_1=temp.content1_2_1;
			    var content1_2_2=temp.content1_2_2;
				var content1_2_3=temp.content1_2_3;
				var content1_2_4=temp.content1_2_4;
				var content1_2_5=temp.content1_2_5;
				var content1_2_6=temp.content1_2_6;
				var content1_2_7=temp.content1_2_7;
				var content1_2_8=temp.content1_2_8;
				var content1_2_9=temp.content1_2_9;
				var content1_2_11=temp.content1_2_11;
				html_middle_1='<tr>'+
				'<td>'+content1_2_1+'</td>'+
				'<td>'+content1_2_2+'</td>'+
				'<td>'+content1_2_3+'</td>'+
				'<td>'+content1_2_4+'</td>'+
				'<td>'+content1_2_5+'</td>'+
				'<td>'+content1_2_6+'</td>'+
				'<td>'+content1_2_7+'</td>'+
				'<td>'+content1_2_8+'</td>'+
				'<td>'+content1_2_9+'</td>'+
				'<td>'+content1_2_11+'</td>'+
				'</tr>'
				 html_middle += html_middle_1;
				}
	 document.getElementById("content1_2").innerHTML= html_before_start+html_start+html_middle+html_end ; 
   }
}
})
}


function content2_1_ajax(){
var select_num_2=document.getElementById("select_num_2").value;
var url="<%=request.getContextPath()%>/SanAction.do?action=content2_1&select_num_2="+select_num_2;
var myAjax = new Ajax1(url,{method:'POST',onComplete:function(){
  var data = JSON.decode(this.req.responseText);
  if(data != null){
  var sum=data.length;
  var html_before_start='<table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">';
  var html_start='<tr><th colspan=6>I/B</th><th colspan=3>O/B</th><th colspan=3>坐席现状</th></tr><tr><td>流入数</td><td>接起数</td><td>排队数</td><td>呼损数</td><td>应答率</td><td>S/L</td><td>拨打件</td><td>拨打成功件</td><td>成功率（%）</td><td>登陆</td><td>通话中</td><td>准备好</td></tr>'
  var html_end='</table>'
  var html_middle_1="";
  var html_middle="";
 
  for(i=0;i<data.length; i++){
	            var temp = data[i];
	            var content2_1_1=temp.content2_1_1;
			    var content2_1_2=temp.content2_1_2;
				var content2_1_3=temp.content2_1_3;
				var content2_1_4=temp.content2_1_4;
				var content2_1_5=temp.content2_1_5;
				var content2_1_6=temp.content2_1_6;
				var content2_1_7=temp.content2_1_7;
				var content2_1_8=temp.content2_1_8;
				var content2_1_9=temp.content2_1_9;
				var content2_1_10=temp.content2_1_10;
				var content2_1_11=temp.content2_1_11;
				var content2_1_12=temp.content2_1_12;
				html_middle_1='<tr>'+
				'<td>'+content2_1_1+'</td>'+
				'<td>'+content2_1_2+'</td>'+
				'<td>'+content2_1_3+'</td>'+
				'<td>'+content2_1_4+'</td>'+
				'<td>'+content2_1_5+'</td>'+
				'<td>'+content2_1_6+'</td>'+
				'<td>'+content2_1_7+'</td>'+
				'<td>'+content2_1_8+'</td>'+
				'<td>'+content2_1_9+'</td>'+
				'<td>'+content2_1_10+'</td>'+
				'<td>'+content2_1_11+'</td>'+
				'<td>'+content2_1_12+'</td>'+
				'</tr>'
				 html_middle += html_middle_1;
				}
	 document.getElementById("content2_1").innerHTML= html_before_start+html_start+html_middle+html_end ; 
   }
}
})
}


function content2_2_ajax(){
var condition1=document.getElementById("select1").value;
var condition2=document.getElementById("select2").value;
var condition3=document.getElementById("select3").value;
// var url=encodeURI("<%=request.getContextPath()%>/SanAction.do?action=content2_2&condition1="+condition1+"&condition2="+condition2+"&condition3="+condition3);

var zuzhi=document.getElementsByName("gui");
var condition4="";
for(var a=0;a<zuzhi.length;a++){
  if(zuzhi[a].checked==true){
    condition4=condition4+zuzhi[a].value+",";
  }
}
var url=encodeURI("<%=request.getContextPath()%>/SanAction.do?action=content2_2&condition1="+condition1+"&condition2="+condition2+"&condition3="+condition3+"&condition4="+condition4);



var myAjax = new Ajax1(url,{method:'POST',onComplete:function(){
  var data = JSON.decode(this.req.responseText);
  if(data != null){
  var sum=data.length;
  var html_before_start='<table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">';
  var html_start='<tr><th>组</th><th>坐席ID</th><th>坐席</th><th>DB权限</th><th>坐席状态</th><th>持续时间</th><th>最初登陆</th><th>最终登出</th></tr>'
  var html_end='</table>'
  var html_middle_1="";
  var html_middle="";
  for(i=0;i<data.length; i++){
	            var temp = data[i];
	            var content2_2_1=temp.content2_2_1;
			    var content2_2_2=temp.content2_2_2;
				var content2_2_3=temp.content2_2_3;
				var content2_2_4=temp.content2_2_4;
				var content2_2_5=temp.content2_2_5;
				var content2_2_6=temp.content2_2_6;
				var content2_2_7=temp.content2_2_7;
				var content2_2_8=temp.content2_2_8;
				html_middle_1='<tr>'+
				'<td>'+content2_2_1+'</td>'+
				'<td>'+content2_2_2+'</td>'+
				'<td>'+content2_2_3+'</td>'+
				'<td>'+content2_2_4+'</td>'+
				'<td>'+content2_2_5+'</td>'+
				'<td>'+content2_2_6+'</td>'+
				'<td>'+content2_2_7+'</td>'+
				'<td>'+content2_2_8+'</td>'+
				'</tr>'
				 html_middle += html_middle_1;
				}
	 document.getElementById("content2_2").innerHTML= html_before_start+html_start+html_middle+html_end ; 
   }
}
})
}

function content3_ajax(){
var select_num_3=document.getElementById("select_num_3").value;
var url="<%=request.getContextPath()%>/SanAction.do?action=content3&select_num_3="+select_num_3;
var myAjax = new Ajax1(url,{method:'POST',onComplete:function(){
  var data = JSON.decode(this.req.responseText);
  var sum=data.length;
  if(data != null){
  var html_before_start='<table cellspacing="0" cellpadding="0" width="1000" height="700"  style= "text-align:center">';
  var html_start='<tr  style="font-size:25PX"  height="150"  valign="middle"><th width="180">种类</th><th  width="180">总呼入数</th><th  width="180">接入数</th><th  width="180">排队数</th><th  width="180">呼损数</th><th  width="180">应答率</th><th  width="180">S/L</th></tr>'
  var html_end='</table>'
  var html_middle_1="";
  var html_middle="";
  for(i=0;i<data.length; i++){
	            var temp = data[i];
	            var content3_1=temp.content3_1;
			    var content3_2=temp.content3_2;
				var content3_3=temp.content3_3;
				var content3_4=temp.content3_4;
				var content3_5=temp.content3_5;
				var content3_6=temp.content3_6;
				var content3_7=temp.content3_7;
				html_middle_1='<tr  style="font-size:40PX" height="200"  valign="middle">'+
				'<td style="font-size:35PX">'+content3_1+'</td>'+
				'<td style="font-size:50PX">'+content3_2+'</td>'+
				'<td style="font-size:50PX">'+content3_3+'</td>'+
				'<td style="font-size:50PX">'+content3_4+'</td>'+
				'<td style="font-size:50PX">'+content3_5+'</td>'+
				'<td style="font-size:50PX">'+content3_6+'</td>'+
				'<td style="font-size:50PX">'+content3_7+'</td>'+
				'</tr>'
				 html_middle += html_middle_1;
				}
	 document.getElementById("content31").innerHTML= html_before_start+html_start+html_middle+html_end ; 
   }
}
})
}

function content4_ajax(){
var url="<%=request.getContextPath()%>/SanAction.do?action=content4";
var myAjax = new Ajax1(url,{method:'POST',onComplete:function(){
  var data = JSON.decode(this.req.responseText);
  if(data != null){
  var sum=data.length;
  var html_before_start='<table cellspacing="0" cellpadding="0"  width="1000" height="700"  style= "text-align:center">';
  var html_start='<tr style="font-size:23PX"  valign="middle"  height="100"><th width="200"  valign="middle">种类</th><th width="180" valign="middle">通话中</th><th width="180"  valign="middle">后处理</th><th width="180" valign="middle">准备好</th><th width="180" valign="middle">转接</th><th width="180"  valign="middle">会议</th><th width="180" valign="middle">休息</th></tr>'
  var html_end='</table>'
  var html_middle_1="";
  var html_middle="";
  for(i=0;i<data.length; i++){
	            var temp = data[i];
	            var content4_1=temp.content4_1;
			    var content4_2=temp.content4_2;
				var content4_3=temp.content4_3;
				var content4_4=temp.content4_4;
				var content4_6=temp.content4_6;
				var content4_7=temp.content4_7;
				var content4_8=temp.content4_8;
				html_middle_1='<tr   height="160"   valign="middle">'+
				'<td style="font-size:30PX" width="200">'+content4_1+'</td>'+
				'<td style="font-size:50PX">'+content4_2+'</td>'+
				'<td style="font-size:50PX">'+content4_3+'</td>'+
				'<td style="font-size:50PX">'+content4_4+'</td>'+
				'<td style="font-size:50PX">'+content4_6+'</td>'+
				'<td style="font-size:50PX">'+content4_7+'</td>'+
				'<td style="font-size:50PX">'+content4_8+'</td>'+
				'</tr>'
				 html_middle += html_middle_1;
				}
	 document.getElementById("content4").innerHTML= html_before_start+html_start+html_middle+html_end ; 
   }
}
})
}

function changediv(a){
var div=document.getElementById(a);
if(div.style.display=="block"){
       div.style.display="none";
   }else if(div.style.display=="none"){
        div.style.display="block";
   } 
}
</script>
<%
			List list1_1_1=(List)request.getAttribute("list1_1_1");
			List list1_1_2=(List)request.getAttribute("list1_1_2");
			List list1_2_1=(List)request.getAttribute("list1_2_1");
			List list1_2_2=(List)request.getAttribute("list1_2_2");
			List list_3=(List)request.getAttribute("list_3");
			List list_4=(List)request.getAttribute("list_4");
			List list1_select1=(List)request.getAttribute("list1_select1");
			List list2_select1=(List)request.getAttribute("list2_select1");
			List list2_select2=(List)request.getAttribute("list2_select2");
			List list2_select3=(List)request.getAttribute("list2_select3");
			List list2_select4=(List)request.getAttribute("list2_select4");
			
			List list_num_1=(List)request.getAttribute("list_num_1");
			
 %>

<body onLoad="doReady()">
<!-- --------------------------------------------------------select_change-------------------------------------------------------------------- -->

<div id="select_change" onDblClick="changediv1()" style="display:block">
 <input type="checkbox" name="content_1" id="content_1" checked/>页面一&nbsp;&nbsp;
 <input type="checkbox" name="content_2" id="content_2" checked/>页面二&nbsp;&nbsp;
 <input type="checkbox" name="content_3" id="content_3" checked/>页面三&nbsp;&nbsp;
 <input type="checkbox" name="content_4" id="content_4" checked/>页面四&nbsp;&nbsp;
</div>
<br>
<!-- --------------------------------------------------------content1-------------------------------------------------------------------- -->

<div id="content1" style="display:block">
    <table>
    
    <tr id="div_page1" style="display:block" onDblClick="changediv('div_page1')">
    <td style="background:white" width="50%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
      <tr>
        <th>组织名</th>
        <th>
        <input type="checkbox" name="quanti" id="quanti"/>全体&nbsp;&nbsp;
        <%
           if(list1_select1!=null&&list1_select1.size()>0){
              for(int i=0;i<list1_select1.size();i++){
            	  Map map=(Map)list1_select1.get(i);
            	  String id=(String)map.get("id");
            	  String name=(String)map.get("name");
            	  %>
            	  <input type="checkbox" name="zuzhi" value="<%=id %>"/><%=name %>&nbsp;&nbsp;
            	  <%
              }
           }
         %>
        </th>
      </tr>              
    </table>
    </td>
    <td style="background:white" width="30%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
      <tr>
        <th>号码</th>
        <th>
       <select id="select_num_1" name="select_num_1">
                <%
           if(list_num_1!=null&&list_num_1.size()>0){
              for(int i=0;i<list_num_1.size();i++){
            	  Map map=(Map)list_num_1.get(i);
            	  String name=(String)map.get("name");
            	  String id=(String)map.get("id");
            	  %>
            	  <option value="<%=id %>" ><%=name %>
            	  <%
              }
           }
         %>
       </select>
        </th>
      </tr>              
    </table>
    </td>
    <td style="background:white" width="50%" >
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
      <tr>
        <th>服务等级</th>
        <th>20秒以内</th>
    </table>
    </td>
    </tr>
    
    <tr onDblClick="changediv('div_page1')"><td style="background:white" colspan=3 id="content1_1">
    
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
    <tr><th colspan=6  valign="middle">I/B</th><th colspan=3  valign="middle">O/B</th></tr><tr><td>流入数</td><td>接起数</td><td>排队数</td><td>呼损数</td><td>应答率</td><td>S/L</td><td>拨打数</td><td>拨打成功数</td><td>成功率</td></tr>
     
    <%
      if(list1_1_1!=null){
        for(int i=0;i<list1_1_1.size();i++){
                Map map=(Map)list1_1_1.get(i);
                Object content1_1_1=(Object)map.get("content1_1_1");
                Object content1_1_2=(Object)map.get("content1_1_2");
                Object content1_1_3=(Object)map.get("content1_1_3");
                Object content1_1_4=(Object)map.get("content1_1_4");
                Object content1_1_5=(Object)map.get("content1_1_5");
                Object content1_1_6=(Object)map.get("content1_1_6");
                Object content1_1_7=(Object)map.get("content1_1_7");
                Object content1_1_8=(Object)map.get("content1_1_8");
                Object content1_1_9=(Object)map.get("content1_1_9");
		%> 	
    <tr>
    <td><%= content1_1_1%></td>
    <td><%= content1_1_2%></td>
    <td><%= content1_1_3%></td>
    <td><%= content1_1_4%></td>
    <td><%= content1_1_5%></td>
    <td><%= content1_1_6%></td>
    <td><%= content1_1_7%></td>
    <td><%= content1_1_8%></td>
    <td><%= content1_1_9%></td>
    </tr>
		<%		
        }
      }
     %> 

   
    </table>
    
    </td></tr>
    <tr><td style="background:white" colspan=3 id="content1_2">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
      <tr><th>种类</th><th>签入人数</th><th>通话中</th><th>后处理</th><th>准备好</th><th>转接</th><th>会议</th><th>休息</th><th>运行率(100%)</th></tr>
      
    <%
      if(list1_1_2!=null){
        for(int i=0;i<list1_1_2.size();i++){
                Map map=(Map)list1_1_2.get(i);
                Object content1_2_1=(Object)map.get("content1_2_1");
				Object content1_2_2=(Object)map.get("content1_2_2");
				Object content1_2_3=(Object)map.get("content1_2_3");
				Object content1_2_4=(Object)map.get("content1_2_4");
				Object content1_2_5=(Object)map.get("content1_2_5");
				Object content1_2_7=(Object)map.get("content1_2_7");
				Object content1_2_8=(Object)map.get("content1_2_8");
				Object content1_2_9=(Object)map.get("content1_2_9");
				Object content1_2_11=(Object)map.get("content1_2_11");
		%> 	
    <tr>
    <td><%= content1_2_1%></td>
    <td><%= content1_2_2%></td>
    <td><%= content1_2_3%></td>
    <td><%= content1_2_4%></td>
    <td><%= content1_2_5%></td>
    <td><%= content1_2_7%></td>
    <td><%= content1_2_8%></td>
    <td><%= content1_2_9%></td>
    <td><%= content1_2_11%></td>
    </tr>
		<%		
        }
      }
     %> 

      
    </table></td></tr>
    </table>
  </div>

<!-- --------------------------------------------------------content2-------------------------------------------------------------------- -->

<div id="content2" style="display:none" onDblClick="changediv1()">
  <input type="hidden" id="condition1" name="condition1"/>
  <input type="hidden" id="condition2" name="condition2"/>
  <input type="hidden" id="condition3" name="condition3"/>
  
    <table cellspacing="0" cellpadding="0">
    <!--tr>
    <td style="background:white" width="100%">
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%">
      <tr>
        <th>服务水平</th>
         <th>20秒以内</th>
      <tr>
    </table>
    </td></tr--> 
    
    <tr id="div_page2" style="display:block" onDblClick="changediv('div_page2')">
    <td style="background:white" width="100%">
     <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
     <tr>
     <th>查询</th>
     <th>组织 :
       <select id="select1" name="select1">
                <%
           if(list2_select1!=null&&list2_select1.size()>0){
              for(int i=0;i<list2_select1.size();i++){
            	  Map map=(Map)list2_select1.get(i);
            	  Object id=(String)map.get("id");
            	  String name=(String)map.get("name");
            	  %>
            	  <option value="<%=id %>" ><%=name %>
            	  <%
              }
           }
         %>
       </select>
       
     </th>
     <th>区:
     <select id="select2" name="select2">
         <%
           if(list2_select2!=null&&list2_select2.size()>0){
              for(int i=0;i<list2_select2.size();i++){
            	  Map map=(Map)list2_select2.get(i);
            	  String id=(String)map.get("id");
            	  String name=(String)map.get("name");
            	  %>
            	  <option value="<%=id %>" ><%=name %>
            	  <%
              }
           }
         %>
     </select>
     </th>
     <th>组 :
     <select id="select3" name="select3">
        <%
           if(list2_select3!=null&&list2_select3.size()>0){
              for(int i=0;i<list2_select3.size();i++){
            	  Map map=(Map)list2_select3.get(i);
            	  String id=(String)map.get("id");
            	  String name=(String)map.get("name");
            	  %>
            	  <option value="<%=id %>" ><%=name %>
            	  <%
              }
           }
         %>
     
     </select>
     </th>
     <th>归属组:</th>
             <th>
        <%
           if(list2_select4!=null&&list2_select4.size()>0){
              for(int i=0;i<list2_select4.size();i++){
            	  Map map=(Map)list2_select4.get(i);
            	  String id=(String)map.get("id");
            	  String name=(String)map.get("name");
            	  %>
            	  <input type="checkbox" name="gui" value="<%=id %>"/><%=name %>&nbsp;&nbsp;
            	  <%
              }
           }
         %>
        </th>
       <th>号码:</th>
        <th>
       <select id="select_num_2" name="select_num_2">
                <%
           if(list_num_1!=null&&list_num_1.size()>0){
              for(int i=0;i<list_num_1.size();i++){
            	  Map map=(Map)list_num_1.get(i);
            	  String name=(String)map.get("name");
            	  String id=(String)map.get("id");
            	  %>
            	  <option value="<%=id %>" ><%=name %>
            	  <%
              }
           }
         %>
       </select>
        </th>
     </tr>
     </table>
    </td></tr>  
    
    <tr onDblClick="changediv('div_page2')"><td style="background:white" width="100%" id="content2_1">
    
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
    <tr><th colspan=6>I/B</th><th colspan=3>O/B</th><th colspan=3>坐席现状</th></tr><tr><td>流入数</td><td>接起数</td><td>排队数</td><td>呼损数</td><td>应答率</td><td>S/L</td><td>拨打件</td><td>拨打成功件</td><td>成功率（%）</td><td>登陆</td><td>通话中</td><td>准备好</td></tr>
    
    <%
      if(list1_2_1!=null){
        for(int i=0;i<list1_2_1.size();i++){
                Map map=(Map)list1_2_1.get(i);
				Object content2_1_1=(Object)map.get("content2_1_1");
				Object content2_1_2=(Object)map.get("content2_1_2");
				Object content2_1_3=(Object)map.get("content2_1_3");
				Object content2_1_4=(Object)map.get("content2_1_4");
				Object content2_1_5=(Object)map.get("content2_1_5");
				Object content2_1_6=(Object)map.get("content2_1_6");
				Object content2_1_7=(Object)map.get("content2_1_7");
				Object content2_1_8=(Object)map.get("content2_1_8");
				Object content2_1_9=(Object)map.get("content2_1_9");
				Object content2_1_10=(Object)map.get("content2_1_10");
				Object content2_1_11=(Object)map.get("content2_1_11");
				Object content2_1_12=(Object)map.get("content2_1_12");
		%> 	
    <tr>
    <td><%= content2_1_1%></td>
    <td><%= content2_1_2%></td>
    <td><%= content2_1_3%></td>
    <td><%= content2_1_4%></td>
    <td><%= content2_1_5%></td>
    <td><%= content2_1_6%></td>
    <td><%= content2_1_7%></td>
    <td><%= content2_1_8%></td>
    <td><%= content2_1_9%></td>
    <td><%= content2_1_10%></td>
    <td><%= content2_1_11%></td>
    <td><%= content2_1_12%></td>
    </tr>
		<%		
        }
      }
     %> 
    
    
    </table>
    
    </td></tr>
    
    <tr><td style="background:white" width="100%" id="content2_2">
    
    <table cellspacing="0" cellpadding="0" width="100%" hight="100%" style="font-size:25PX">
    <tr><th>组</th><th>坐席ID</th><th>坐席</th><th>DB权限</th><th>坐席状态</th><th>持续时间</th><th>最初登陆</th><th>最终登出</th></tr>
    
        <%
      if(list1_2_2!=null){
        for(int i=0;i<list1_2_2.size();i++){
                Map map=(Map)list1_2_2.get(i);
				Object content2_2_1=(Object)map.get("content2_2_1");
				Object content2_2_2=(Object)map.get("content2_2_2");
				Object content2_2_3=(Object)map.get("content2_2_3");
				Object content2_2_4=(Object)map.get("content2_2_4");
				Object content2_2_5=(Object)map.get("content2_2_5");
				Object content2_2_6=(Object)map.get("content2_2_6");
				Object content2_2_7=(Object)map.get("content2_2_7");
				Object content2_2_8=(Object)map.get("content2_2_8");
		%> 	
    <tr>
    <td><%= content2_2_1%></td>
    <td><%= content2_2_2%></td>
    <td><%= content2_2_3%></td>
    <td><%= content2_2_4%></td>
    <td><%= content2_2_5%></td>
    <td><%= content2_2_6%></td>
    <td><%= content2_2_7%></td>
    <td><%= content2_2_8%></td>
    </tr>
		<%		
        }
      }
     %> 
     
    </table>
    
    </td></tr>
                
    </table>

  </div>

<!-- --------------------------------------------------------content3-------------------------------------------------------------------- -->


<div id="content3" style="display:none" onDblClick="changediv1()">


<div id="div_page3" style="display:block" onDblClick="changediv('div_page3')">

    <table cellspacing="0" cellpadding="0" width="1000" height="100"  style= "text-align:center">
      <tr style="font-size:25PX" height="150"  valign="middle" >
        <th>号码:</th>
        <th>
          <select id="select_num_3" name="select_num_3">
                <%
           if(list_num_1!=null&&list_num_1.size()>0){
              for(int i=0;i<list_num_1.size();i++){
            	  Map map=(Map)list_num_1.get(i);
            	  String name=(String)map.get("name");
            	  String id=(String)map.get("id");
            	  %>
            	  <option value="<%=id %>" ><%=name %>
            	  <%
              }
           }
         %>
        </select>
        </th>
      </tr>
    </table>
</div>

<div id="content31">
    <table cellspacing="0" cellpadding="0" width="1000" height="700"  style= "text-align:center">
      <tr style="font-size:25PX" height="150"  valign="middle" >
        <th width="180">种类</th>
        <th width="180">总呼入数</th>
        <th width="180">接入数</th>
        <th width="180">排队数</th>
        <th width="180">呼损数</th>
        <th width="180">应答率</th> 
        <th width="180">S/L</th>
      </tr>

        <%
      if(list_3!=null){
        for(int i=0;i<list_3.size();i++){
                Map map=(Map)list_3.get(i);
				Object content3_1=(Object)map.get("content3_1");
				Object content3_2=(Object)map.get("content3_2");
				Object content3_3=(Object)map.get("content3_3");
				Object content3_4=(Object)map.get("content3_4");
				Object content3_5=(Object)map.get("content3_5");
				Object content3_6=(Object)map.get("content3_6");
				Object content3_7=(Object)map.get("content3_7");
		%> 	
    <tr height="200"  valign="middle">
    <td style="font-size:35PX"><%= content3_1%></td>
    <td style="font-size:50PX"><%= content3_2%></td>
    <td style="font-size:50PX"><%= content3_3%></td>
    <td style="font-size:50PX"><%= content3_4%></td>
    <td style="font-size:50PX"><%= content3_5%></td>
    <td style="font-size:50PX"><%= content3_6%></td>
    <td style="font-size:50PX"><%= content3_7%></td>
    </tr>
		<%		
        }
      }
     %> 
                    
    </table>
    </div>
  </div>
  
  <!-- --------------------------------------------------------content4-------------------------------------------------------------------- -->
  
  <div id="content4" style="display:none" onDblClick="changediv1()">
  
<table cellspacing="0" cellpadding="0"  width="1000" height="700"  style="text-align:center">
      <tr  height="120"  style="font-size:23PX"  valign="middle">
        <th width="200" valign="middle">种类</th>
        <th width="180"  valign="middle">通话中</th>
        <th width="180"  valign="middle">后处理</th>
        <th width="180"  valign="middle">准备好</th>
        <th width="180"  valign="middle">转接</th>
        <th width="180"  valign="middle">会议</th>
        <th width="180"  valign="middle">休息</th>
      </tr>
      
        <%
      if(list_4!=null){
        for(int i=0;i<list_4.size();i++){
                Map map=(Map)list_4.get(i);
				Object content4_1=(Object)map.get("content4_1");
				Object content4_2=(Object)map.get("content4_2");
				Object content4_3=(Object)map.get("content4_3");
				Object content4_4=(Object)map.get("content4_4");
				Object content4_6=(Object)map.get("content4_6");
				Object content4_7=(Object)map.get("content4_7");
				Object content4_8=(Object)map.get("content4_8");
		%> 	
    <tr  height="160"    valign="middle">
    <td style="font-size:30PX" width="200"><%= content4_1%></td>
    <td style="font-size:50PX"><%= content4_2%></td>
    <td style="font-size:50PX"><%= content4_3%></td>
    <td style="font-size:50PX"><%= content4_4%></td>
    <td style="font-size:50PX"><%= content4_6%></td>
    <td style="font-size:50PX"><%= content4_7%></td>
    <td style="font-size:50PX"><%= content4_8%></td>
    </tr>
		<%		
        }
      }
     %>  
                  
    </table>

  </div>
  

</body>
</html>
